<!DOCTYPE html>
<html lang="en">
  <head>
    <!-- Basic Page Needs
    ================================================== -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <title>Home</title>
    <!-- Mobile Specific Metas
    ================================================== -->
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Favicon -->
    <link rel="shortcut icon" type="image/icon" href="images/favicon.ico"/>

    <!-- CSS
    ================================================== -->       
    <!-- Bootstrap css file-->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <!-- Font awesome css file-->
    <link href="css/font-awesome.min.css" rel="stylesheet">       
    <!-- Default Theme css file -->
    <link id="switcher" href="css/themes/default-theme.css" rel="stylesheet">   
    <!-- Slick slider css file -->
    <link href="css/slick.css" rel="stylesheet"> 
    <!-- Photo Swipe Image Gallery -->     
    <link rel='stylesheet prefetch' href='css/photoswipe.css'>
    <link rel='stylesheet prefetch' href='css/default-skin.css'>    

    <!-- Main structure css file -->
    <link href="style.css" rel="stylesheet">
   
    <!-- Google fonts -->
    <link href='https://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>  
    <link href='https://fonts.googleapis.com/css?family=Habibi' rel='stylesheet' type='text/css'>   
    <link href='https://fonts.googleapis.com/css?family=Cinzel+Decorative:900' rel='stylesheet' type='text/css'>

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]--> 
  </head>
  <body>  
    
    <!-- BEGAIN PRELOADER -->
    <div id="preloader">
      <div id="status">&nbsp;</div>
    </div>
    <!-- END PRELOADER -->

    <!-- SCROLL TOP BUTTON -->
    <!-- END SCROLL TOP BUTTON -->

    <!--=========== BEGIN HEADER SECTION ================-->
    <header id="header">
      <!-- BEGIN MENU -->
      <div class="menu_area">
        <nav class="navbar navbar-default navbar-fixed-top" role="navigation">  
          <div class="container">
            <div class="navbar-header">
              <!-- FOR MOBILE VIEW COLLAPSED BUTTON -->
              <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
              </button>
              <!-- LOGO -->              
              <!-- TEXT BASED LOGO -->
				<a class="navbar-brand  " href="index.html"><em><img src="images/logo.png" style="width: 50px;height:50px; margin-bottom: 20px;"></em><span style="font-size:50px;">宿蜂</span></a>    
            </div>
            <div id="navbar" class="navbar-collapse collapse"  style="bottom: 60px;">
              <ul id="top-menu" class="nav navbar-nav navbar-right main-nav">
<!--				<ul class="menu2 ">-->
                <li><a href="index.html">主页</a></li>
				  <!--  class="active" -->
                <li><a href="#usescence">使用场景</a></li>
                <li><a href="#members">关于我们</a></li>
                <li><a href="#development">发展历程</a></li>              
                <li><a href="#joinus">加入我们</a></li>
              </ul>           
            </div><!--/.nav-collapse -->
          </div>     
        </nav>  
      </div>
      <!-- END MENU -->    
    </header>
    <!--=========== END HEADER SECTION ================-->   

    <!--=========== BEGIN SLIDER SECTION ================-->
    <section id="sliderArea">
      <!-- Start slider wrapper -->      
      <div class="top-slider">
        <!-- Start First slide -->
        <div class="top-slide-inner">
          <div class="slider-img">
<!--            <img src="images/banner.jpg" alt="">-->
			  <div  class="slider-text" style="height: 600px;">
				  <div><h2>"校内<strong style="font-size: 55px;">有偿互助</strong>信息平台</h2></div>
				  <div style="margin-top: 40px;"> <p style="font-size: 20px;" class=" " id="topintroduce"> </p></div>
				  
<!--
            <div class="readmore_area">
              <a data-hover="Read More" href="#"><span>Read More</span></a>                
            </div>
-->
          </div>
<!--			  <img src="images/miniproQRCode.jpg" style="float:right;width: 150px;height: 150px;bottom: 10px;">-->
          </div>
          
        </div>
      </div><!-- /top-slider -->
    </section>
    <!--=========== END SLIDER SECTION ================-->

    <!--=========== BEGIN Top Feature SECTION ================-->
    <section id="topFeature">
      <div class="row">
        <!-- Start Single Top Feature -->
        <div class="col-lg-4 col-md-4">
          <div class="row">
            <div class="single-top-feature">
<!--              <span class="fa fa-flask"></span>-->
              <h3><strong style="font-size: 30px;">了</strong>解更多</h3>
              <img src="images/miniproQRCode.jpg" class="qrcode">
				<img src="images/qrcode.jpg" class="qrcode">
<!--
              <div class="readmore_area">
                <a href="#" data-hover="Read More"><span>Read More</span></a>
              </div>
-->
            </div>
          </div>
        </div>
        <!-- End Single Top Feature -->
         
        <!-- Start Single Top Feature -->
        <div class="col-lg-4 col-md-5">
          <div class="row">
            <div class="single-top-feature opening-hours  ">
<!--              <span class="fa fa-clock-o"></span>-->
              <h3> &nbsp; &nbsp; 我们的功能</h3>
              <ul class="opening-table" id="our_functions">
                <li>
				  <div></div>
			    </li>
                <li>
				  <div></div>
                </li>
                <li>
				  <div></div>
                </li>
              </ul>              
            </div>
          </div>
        </div>
        <!-- End Single Top Feature -->

        <!-- Start Single Top Feature -->
        <div class="col-lg-4 col-md-4">
          <div class="row">
            <div class="single-top-feature ">
<!--              <span class="fa fa-hospital-o"></span>-->
              <h3>我们的特色</h3>

              <p id="our_feature"></p>

<!--
              <div class="readmore_area">
                <a data-toggle="modal" data-target="#myModal" href="#" data-hover="Appoinment"><span>Appoinment</span></a>    
              </div>
-->
              <!-- start modal window -->
              <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                <div class="modal-dialog">
                  <div class="modal-content">
                    <div class="modal-header">
                      <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                      <h4 class="modal-title" id="myModalLabel">Appoinment Details</h4>
                    </div>
                    <div class="modal-body">
                      <div class="appointment-area">
                        <form class="appointment-form">
                          <div class="row">
                            <div class="col-md-6 col-sm-6">
                              <label class="control-label">Your name <span class="required">*</span>
                              </label>
                              <input type="text" class="wp-form-control wpcf7-text" placeholder="Your name">
                            </div>
                            <div class="col-md-6 col-sm-6">
                              <label class="control-label">Your Email <span class="required">*</span>
                              </label>
                              <input type="mail" class="wp-form-control wpcf7-email" placeholder="Email address">  
                            </div>
                          </div>
                          <div class="row">
                            <div class="col-md-6 col-sm-6">
                              <label class="control-label">Your Birth <span class="required">*</span>
                              </label>
                              <input type="text" class="wp-form-control wpcf7-text" placeholder="dd/mm/yy">
                            </div>
                            <div class="col-md-6 col-sm-6">
                              <label class="control-label">Your Phone <span class="required">*</span>
                              </label>
                              <input type="text" class="wp-form-control wpcf7-text" placeholder="Phone No">  
                            </div>
                          </div>
                          <div class="row">
                            <div class="col-md-6 col-sm-6">
                              <label class="control-label">Appointment Date <span class="required">*</span>
                              </label>
                              <input type="text" class="wp-form-control wpcf7-text" placeholder="dd/mm/yy">
                            </div>
                            <div class="col-md-6 col-sm-6">
                              <label class="control-label">Select Department <span class="required">*</span>
                              </label>
                              <select class="wp-form-control wpcf7-select">
                                <option val="1">Dental</option>
                                <option val="2">cardiology</option>
                                <option val="3">neurology</option>
                                <option val="4">Drugstore</option>
                                <option val="5">x-ray</option>
                                <option val="6">birth</option>
                                <option val="7">general</option>
                                <option val="8">testing</option>
                                <option val="9">first-aid</option>
                                <option val="10">immunizations</option><option val="11">pulmonary</option>
                              </select> 
                            </div>
                          </div>         
                          <input type="text" class="wp-form-control wpcf7-text" placeholder="Subject">
                          <textarea class="wp-form-control wpcf7-textarea" cols="30" rows="10" placeholder="What would you like to tell us"></textarea>
                         <button class="wpcf7-submit button--itzel" type="submit"><i class="button__icon fa fa-share"></i><span>Book Appointment</span></button>  
                        </form>
                      </div>
                    </div>                    
                  </div><!-- /.modal-content -->
                </div><!-- /.modal-dialog -->
              </div><!-- /.modal -->
            </div>
          </div>
        </div>
        <!-- End Single Top Feature -->
      </div>
    </section>
    <!--=========== END Top Feature SECTION ================-->

    <!--=========== BEGIN Service SECTION ================-->
    
    <!--=========== End Service SECTION ================-->
<div class="copyrights">Collect from <a href="http://www.cssmoban.com/" >网页模板</a></div>
    <!--=========== BEGAIN Why Choose Us SECTION ================-->
    <section id="whychooseSection">
      <div class="container">
        <div class="row" id="development">
          <div class="col-lg-12 col-md-12">
            <div class="service-area">
              <!-- Start Service Title -->
              <div class="section-heading">
                <h2>发展历程</h2>
                <div class="line"></div>
              </div>              
            </div>
          </div>
          <div class="col-lg-12 col-md-12">
            <div class="row">
              <div class="col-lg-5 col-md-6 col-sm-3 col-xs-6" style="margin-right: auto;min-width: 400px;">
                <div class="whyChoose-left">
                  <div class="whychoose-slider" style="min-width:300px;min-width: 400px;">
                    <div class="whychoose-singleslide" >
                      <img src="images/usageScenarios1.jpg" alt="img" width="500px;" >
                    </div>
                    <div class="whychoose-singleslide" >
                      <img src="images/usageScenarios2.jpg" alt="img" width="500px;" >
                    </div>
                    <div class="whychoose-singleslide" >
                      <img src="images/usageScenarios3.jpg" alt="img" width="500px;" >
                    </div>
                  </div>
                </div>
              </div>	
              <div class="col-lg-7 col-md-6 col-sm-6 col-xs-12" id="develop_history">
                <div class="whyChoose-right">
                  <div class="media">
                    <div class="media-left">
                      <a class="media-icon"  style="height: 20px;width: 20px; margin-left: 50px;">
                      </a>
                    </div>
                    <div class="media-body  ">
                      <h4 class="media-heading" style="font-size: 18px;">2018.10 </h4>
                      <p></p>
                    </div>
                  </div>
                  <div class="media">
                    <div class="media-left">
                      <a class="media-icon"  style="height: 20px;width: 20px;margin-left: 50px;"  >
                      </a>
                    </div>
                    <div class="media-body">
                      <h4 class="media-heading  " style="font-size: 18px;">2018.11</h4>
                      <p></p>
                    </div>
                  </div>
                  <div class="media">
                    <div class="media-left">
                      <a class="media-icon"  style="height: 20px;width: 20px;margin-left: 50px;">
                      </a>
                    </div>
                    <div class="media-body">
                      <h4 class="media-heading  " style="font-size: 18px;">2019.02</h4>
                      <p></p>  
                    </div>
                  </div>
					<div class="media">
                    <div class="media-left">
                      <a class="media-icon"  style="height: 20px;width: 20px;margin-left: 50px;">
                      </a>
                    </div>
                    <div class="media-body">
                      <h4 class="media-heading  " style="font-size: 18px;">2019.03  </h4>
                      <p></p>
                    </div>
                  </div>
					<div class="media">
                    <div class="media-left">
                      <a  class="media-icon" style="height: 20px;width: 20px;margin-left: 50px;">
                      </a>
                    </div>
                    <div class="media-body">
                      <h4 class="media-heading " style="font-size: 18px;">2019.04  </h4>
                      <p></p>
                    </div>
                  </div>
					<div class="media">
                    <div class="media-left">
                      <a class="media-icon"  style="height: 20px;width: 20px;margin-left: 50px;">
                      </a>
                    </div>
                    <div class="media-body">
                      <h4 class="media-heading" style="font-size: 18px;">2019.05  </h4>
                      <p></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>          
        </div>
      </div>
    </section>
    <!--=========== END Why Choose Us SECTION ================-->

    <!--=========== BEGAIN Counter SECTION ================-->
    <section id="counterSection">
      <div class="container">
        <div class="row">
          <div class="col-lg-12 col-md-12">
            <div class="counter-area">
              <div class="col-lg-3 col-md-3 col-sm-6">
                <div class="counter-box">
                  <div class="counter-no counter">
                    200
                  </div>
                  <div class="counter-label">累计用户量</div>
                </div>
              </div>
              <div class="col-lg-3 col-md-3 col-sm-6">
                 <div class="counter-box">
                  <div class="counter-no counter">
                    300
                  </div>
                  <div class="counter-label">累计发单量</div>
                </div>
              </div>
              <div class="col-lg-3 col-md-3 col-sm-6">
                 <div class="counter-box">
                  <div class="counter-no counter">
                    350
                  </div>
                  <div class="counter-label">公众号人数</div>
                </div>
              </div>
              <div class="col-lg-3 col-md-3 col-sm-6">
                 <div class="counter-box">
                  <div class="counter-no counter">
                    450
                  </div>
                  <div class="counter-label">触达人数</div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!--=========== End Counter SECTION ================-->

    <!--=========== BEGAIN Doctors SECTION ================-->
    <section id="meetDoctors">
      <div class="container">
        <div class="row">
          <div class="col-lg-12 col-md-12">
            <div class="meetDoctors-area" id="members">
             <!-- Start Service Title -->
              <div class="section-heading">
                <h2 name="members">团队成员</h2>
                <div class="line"></div>
              </div>
              <div class="doctors-area">
                <ul  class="doctors-nav" id="team_members">
                <!--
					<li>
                    <div class="single-doctor">
                      <a class="tdoctor"  data-path-hover="m 180,34.57627 -180,0 L 0,0 180,0 z">
                        <figure>
                          <img src="images/hph.jpg" />
                          <svg viewBox="0 0 180 320" preserveAspectRatio="none"><path d="M 180,160 0,218 0,0 180,0 z"/></svg>
                          <figcaption>
                            <h2>韩佩恒</h2>
                            <p>南京邮电大学</p>           
                          </figcaption>
                        </figure>
                      </a>
                    </div>
                  </li>
					
                  <li>
                    <div class="single-doctor">
                      <div class="single-doctor">
                      <a class="tdoctor" data-path-hover="m 180,34.57627 -180,0 L 0,0 180,0 z">
                        <figure>
                          <img src="images/jtw.jpg" />
                          <svg viewBox="0 0 180 320" preserveAspectRatio="none"><path d="M 180,160 0,218 0,0 180,0 z"/></svg>
                          <figcaption>
                            <h2>贾天威</h2>
                            <p>南京邮电大学</p>        
                          </figcaption>
                        </figure>
                      </a>
                    </div>
                    </div>
                  </li>
                  <li>
                    <div class="single-doctor">
                      <div class="single-doctor">
                      <a class="tdoctor" data-path-hover="m 180,34.57627 -180,0 L 0,0 180,0 z">
                        <figure>
                          <img src="images/xrr.jpg" />
                          <svg viewBox="0 0 180 320" preserveAspectRatio="none"><path d="M 180,160 0,218 0,0 180,0 z"/></svg>
                          <figcaption>
                            <h2>徐荣荣</h2>
                            <p>南京邮电大学</p>      
                          </figcaption>
                        </figure>
                      </a>
                    </div>
                    </div>
                  </li>
                  <li>
                    <div class="single-doctor">
                      <div class="single-doctor">
                      <a class="tdoctor" data-path-hover="m 180,34.57627 -180,0 L 0,0 180,0 z">
                        <figure>
                          <img src="images/zxm.jpg" />
                          <svg viewBox="0 0 180 320" preserveAspectRatio="none"><path d="M 180,160 0,218 0,0 180,0 z"/></svg>
                          <figcaption>
                            <h2>张晓铭</h2>
                            <p>南京师范大学</p>      
                          </figcaption>
                        </figure>
                      </a>
                    </div>
                    </div>
                  </li>
           
              
                  <li>
                    <div  class="single-doctor">
                      <div class="single-doctor">
                      <a class="tdoctor" data-path-hover="m 180,34.57627 -180,0 L 0,0 180,0 z">
                        <figure>
                          <img src="images/cjp.jpg" />
                          <svg viewBox="0 0 180 320" preserveAspectRatio="none"><path d="M 180,160 0,218 0,0 180,0 z"></path></svg>
                          <figcaption>
                            <h2>陈家鹏</h2>
                            <p>南京信息工程大学</p>
                              
                          </figcaption>
                        </figure>
                      </a>
                    </div>
                    </div>
                  </li>
					-->
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!--=========== End Doctors SECTION ================-->

    <!--=========== BEGAIN Testimonial SECTION ================-->
    <section id="testimonial">
      <div class="container">
        <div class="row">
          <div class="col-lg-12 col-md-12">
            <div class="testimonial-area">
             <!-- Start Service Title -->
              <div class="section-heading">
                <h2>我们的用户怎么说</h2>
                <div class="line"></div>
              </div>
              <div class="testimonial-area">
                <ul class="testimonial-nav" id="testimonialnodes">
                  <!--
                  <li>
                    <div class="single-testimonial" >
                      <div class="testimonial-img">
                        <img src="images/users1.jpg" alt="img">
                      </div>
                      <div class="testimonial-cotent">
                        <p class="testimonial-parg"> 宿蜂是一款非常轻便的小程序，一键发单，接单速度快，准时高效，为我的生活提供了很多便利。</p>
                      </div>
                    </div>
                  </li> 
					
                  <li>
                    <div class="single-testimonial">
                      <div class="testimonial-img">
                        < src="imgimages/users2.jpg" alt="img">
                      </div>
                      <div class="testimonial-cotent">
                        <p class="testimonial-parg">刚接触宿蜂是被朋友安利的，听说是一群学姐学长创业做的，就尝试了一下。发现真的很人性化，减少了很多沟通的成本。现在一有快递，就想到去宿蜂发单。偶尔自己取快递的时候，也会接别人发的订单，顺路送一下。</p>
                      </div>
                    </div>
                  </li> 
                  <li>
                    <div class="single-testimonial">
                      <div class="testimonial-img">
                        <img src="images/users3.jpg" alt="img">
                      </div>
                      <div class="testimonial-cotent">
                        <p class="testimonial-parg">相比于我之前用过的校园跑腿小程序来说，宿蜂更加值得信赖，只要是在两个方面，第一：接单的人都有宿蜂平台的审核，确保是学生才会审核通过；第二：完善的发单接单流程，有人接单后，会把接单员的一些信息告知给发单人，体验很好，不用担心包裹丢失。</p>
                      </div>
                    </div>
                  </li>  
					<li>
                    <div class="single-testimonial">
                      <div class="testimonial-img">
                        <img src="images/users4.jpg" alt="img">
                      </div>
                      <div class="testimonial-cotent">
                        <p class="testimonial-parg">我是宿蜂的认证接单员，在宿蜂平台上通过接单，算是也赚到了一些生活费。一开始也只是试试的态度，但接触到了宿蜂创业团队的成员，也是跟我差不多大的学生，我觉得他们是在做一件很了不起的事情。</p>
                      </div>
                    </div>
                  </li> 
					<li>
                    <div class="single-testimonial">
                      <div class="testimonial-img">
                        <img src="images/users5.jpg" alt="img">
                      </div>
                      <div class="testimonial-cotent">
                        <p class="testimonial-parg">宿蜂的主要特色就是顺路带物，互帮互助。平台的“宿蜂榜”真的超级吸引人，多劳多得被完美诠释出来，并且并没有什么套路，简单粗暴，希望宿蜂能够继续这样下去，</p>
                      </div>
                    </div>
                  </li> 
                -->
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!--=========== End Testimonial SECTION ================-->

    <!--=========== BEGAIN Home Blog SECTION ================-->
    <section id="homeBLog">
      <div class="container">
        <div class="row">
          <div class="col-lg-12 col-md-12">
            <div class="homBlog-area" id="usescence">
             <!-- Start Service Title -->
              <div class="section-heading">
                <h2>使用场景</h2>
                <div class="line"></div>
              </div> 
              <!-- Start Home Blog Content -->
              <div class="homeBlog-content">
                <div class="row">
                  <!-- Start Single Blog -->
                  <div class="col-md-4 col-sm-4 col-lg-3">
                    <div class="single-Blog">
                      <div class="single-blog-left"> </div>
                      <div class="single-blog-right">
                        <div class="blog-img">
                          <figure class="blog-figure col-lg-12">
                           <a><img src="images/usageScenarios1.jpg" alt="img"></a>
                            <span class="image-effect"></span>
                          </figure>
                        </div>
                        <div class="blog-author"> </div>
                        <div class="blog-content">
                          <h2 class="col-lg-11" style="text-align: center" >帮我从食堂带外卖</h2>
                          <div class="readmore_area"> </div>
                        </div>
                      </div>
                    </div>
                  </div>
                   <!-- Start Single Blog -->
                  <div class="col-md-4 col-sm-4 col-lg-3">
                    <div class="single-Blog">
                      <div class="single-blog-left"> </div>
                      <div class="single-blog-right">
                         <div class="blog-img">
                          <figure class="blog-figure col-lg-12">
                           <a><img src="images/usageScenarios2.jpg" alt="img"></a>
                            <span class="image-effect"></span>
                          </figure>
                        </div>
                        <div class="blog-author"> </div>
                        <div class="blog-content">
                          <h2 style="text-align: center">帮我取快递</h2>
                          <div class="readmore_area"> </div>
                        </div>
                      </div>
                    </div>
                  </div>
                   <!-- Start Single Blog -->
                  <div class="col-md-4 col-sm-4 col-lg-3">
                    <div class="single-Blog">
                      <div class="single-blog-left"> </div>
                      <div class="single-blog-right">
                         <div class="blog-img">
                          <figure class="blog-figure col-lg-12">
                           <a><img src="images/usageScenarios3.jpg" alt="img"></a>
                            <span class="image-effect"></span>
                          </figure>
                        </div>
                        <div class="blog-author"> </div>
                        <div class="blog-content">
                          <h2 style="text-align: center"> 帮我送还书</h2>
                          <div class="readmore_area"> </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="col-md-4 col-sm-4 col-lg-3">
                    <div class="single-Blog">
                      <div class="single-blog-left"> </div>
                      <div class="single-blog-right">
                        <div class="blog-img">
                          <figure class="blog-figure col-lg-12"> <a><img src="images/usageScenarios4.jpg" alt="img"></a> <span class="image-effect"></span> </figure>
                        </div>
                        <div class="blog-author"> </div>
                        <div class="blog-content">
                          <h2 style="text-align: center"> 帮我跨校区带文件</h2>
                          <div class="readmore_area"> </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>             
            </div>
          </div>
        </div>
      </div>
    </section>
    <!--=========== End Home Blog SECTION ================-->
<section id="service">
      <div class="container" id="joinus">
        <div class="row">
          <div class="col-lg-12 col-md-12">
            <div class="service-area">
              <!-- Start Service Title -->
              <div class="section-heading">
                <h2 name="aboutus">加入我们</h2>
                <div class="line"></div>
              </div>
              <!-- Start Service Content -->
              <div class="service-content">
                <div class="row">
                  <!-- Start Single Service -->
                  <div class="col-lg-4 col-md-4">
                    <div class="single-service">
						
                      <div class="service-icon"> </div>
						<img src="images/arrow.png" style="width: 60px;">
                      <h3><a  >技术研发</a></h3>
                      <p>APP、小程序、前后端、服务器 擅长什么方向都可以</p>
                    </div>
                  </div>
                  <!-- Start Single Service -->
                  <div class="col-lg-4 col-md-4">
                    <div class="single-service">
                      <div class="service-icon"> </div>
						<img src="images/arrow.png" style="width: 60px;">
                      <h3><a>成为认证用户</a></h3>
                      <p>乐于分享自己的时间，以有偿助人为乐 需要有责任心的你</p>
                    </div>
                  </div>
                  <!-- Start Single Service -->
                  <div class="col-lg-4 col-md-4">
                    <div class="single-service">
                      <div class="service-icon"> </div>
						<img src="images/arrow.png" style="width: 60px;">
                      <h3><a >会计出纳</a></h3>
                      <p>熟悉第三方平台，自律是基本保障 需要细心细心再细心的你</p>
                    </div>
                  </div>
                  <!-- Start Single Service -->
                  <div class="col-lg-4 col-md-4">
                    <div class="single-service">
                      <div class="service-icon"> </div>
						<img src="images/arrow.png" style="width: 60px;">
                      <h3><a>产品经理</a> </h3>
                      <p>对用户需求敏锐 对产品设计有把握，擅长沟通的你 擅长沟通的你</p>
                    </div>
                  </div>
                  <!-- Start Single Service -->
                  <div class="col-lg-4 col-md-4">
                    <div class="single-service">
                      <div class="service-icon"> </div>                      
                      <h3>&nbsp;</h3>
</div>
                  </div>
                  <!-- Start Single Service -->
                  <div class="col-lg-4 col-md-4">
                    <div class="single-service">
                      <div class="service-icon"> </div>
						<img src="images/arrow.png" style="width: 60px;">
                      <h3><a>校区统筹</a></h3>
                      <p>服务于校园认证用户 解决供求之间的矛盾 需要善于解决矛盾的你</p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!--=========== Start Footer SECTION ================-->
    <footer id="footer">
      <!-- Start Footer Top -->
      <div class="footer-top">
        <div class="container">
          <div class="row">
			  <div class="col-lg-2 col-md-3 col-sm-3"></div>
            <div class="col-lg-3 col-md-3 col-sm-3">
              <div class="single-footer-widget">
                <div class="section-heading">
                <h2>关于我们</h2>
                <div class="line"></div>
              </div>           
              <p>宿蜂”校园互助小程序是一款只针对在校大学生提供有偿互助的小程序。
本着“顺路带物，时间共享”的理念，促使当代大学生更好的利用自己的碎片化时间以达到互帮互助共同提高的目标。</p>
              </div>
            </div>
<!--
            <div class="col-lg-3 col-md-3 col-sm-3">
              <div class="single-footer-widget">
                <div class="section-heading">
                <h2>Our Service</h2>
                <div class="line"></div>
              </div>
              <ul class="footer-service">
                <li><a href="#"><span class="fa fa-check"></span>Service 1</a></li>
                <li><a href="#"><span class="fa fa-check"></span>Service 2</a></li>
                <li><a href="#"><span class="fa fa-check"></span>Service 3</a></li>
                <li><a href="#"><span class="fa fa-check"></span>Service 4</a></li>
                <li><a href="#"><span class="fa fa-check"></span>Service 5</a></li>
              </ul>
              </div>
            </div>
-->
            <div class="col-lg-3 col-md-3 col-sm-3">
              <div class="single-footer-widget">
                <div class="section-heading">
                <h2>我们的标签</h2>
                <div class="line"></div>
              </div>
                <ul class="tag-nav">
                  <li><a>高效</a></li>
                  <li><a >快捷</a></li>
                  <li><a>&nbsp;安全&nbsp;&nbsp;</a></li>
                  <li><a>实名</a></li>
                </ul>
              </div>
            </div>
            <div class="col-lg-3 col-md-3 col-sm-3">
              <div class="single-footer-widget">
                <div class="section-heading">
                  <h2>联系我们</h2>
                  <div class="line"></div>
              </div>
                <p>&nbsp;</p>
                <address class="contact-info">
              <p style="width: 260px;">
				  <img src="images/house.png">
<!--				  <span class="fa fa-home"></span>-->
				  江苏省南京市栖霞区文苑路9号</p>
<p style="width: 260px;">
	<img src="images/message.png">
<!--	<span class="fa fa-envelope"></span>-->
	Email: service@sufeng.online </p>
              </address>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- Start Footer Bottom -->
      <div class="footer-bottom">
        <div class="container">
          <div class="row">
            <div class="col-md-12">
              <p>苏ICP备19021468号-1</p>
            </div>
          </div>
        </div>
      </div>
    </footer>
    <!--=========== End Footer SECTION ================-->



    <!-- jQuery Library  -->
    <script src="js/jquery.js"></script>    
    <!-- Bootstrap default js -->
    <script src="js/bootstrap.min.js"></script>
    <!-- slick slider -->
    <script src="js/slick.min.js"></script>    
    <script type="text/javascript" src="js/modernizr.custom.79639.js"></script>      
    <!-- counter -->
    <script src="js/waypoints.min.js"></script>
    <script src="js/jquery.counterup.min.js"></script>
    <!-- Doctors hover effect -->
    <script src="js/snap.svg-min.js"></script>
    <script src="js/hovers.js"></script>
    <!-- Photo Swipe Gallery Slider -->
    <script src='js/photoswipe.min.js'></script>
    <script src='js/photoswipe-ui-default.min.js'></script>    
    <script src="js/photoswipe-gallery.js"></script>

    <!-- Custom JS -->
    <script src="js/custom.js"></script>
    <script src="js/fun5.js"></script>

  </body>
</html>